<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery弹出层特效代码——声明式文档说明</title>
<style>
	/*#myHiddenDiv{display:none;}
	#myHiddenDiv .popup { border:1px solid #ccc; background-color:#fff; padding-bottom:10px; }
	#myHiddenDiv .popup a:hover{ text-decoration:none; color:#fff;}
	#myHiddenDiv .popup .popup-header {padding-top:1px; height:30px; line-height:15px;background-color:#E7E7E7}
	#myHiddenDiv .popup .popup-header h2 {font-size:14px; width:100%; text-align:center;}
	#myHiddenDiv .popup .popup-body {width:100%; }
	#myHiddenDiv a.close{ display:block;color:#fff;text-decoration:none;font-size:12px;font-weight:700; background:url(images/b1-bg07.gif) no-repeat; width:156px; height:24px; line-height:24px; text-align:center; margin:0 auto; }*/
	#myHiddenDiv{display:none;}
	.popup { border:1px solid #ccc; background-color:#fff; padding-bottom:10px; }
	.popup a:hover{ text-decoration:none; color:#fff;}
	.popup-header {padding-top:1px; height:30px; line-height:15px;background-color:#E7E7E7}
	.popup-header h2 {font-size:14px; width:100%; text-align:center;}
	.popup-body {width:100%; }
	a.close{ display:block;color:#fff;text-decoration:none;font-size:12px;font-weight:700; background:url(images/b1-bg07.gif) no-repeat; width:156px; height:24px; line-height:24px; text-align:center; margin:0 auto; }
</style>
</head>
<body>
	<a href="javascript:;" onclick="openStaticPopup()" >点击这里看看</a><br />
	<br />
	<div id="myHiddenDiv">
		<div class="popup">
			<div class="popup-header">
				<h2>测试弹出层</h2>
			</div>
			<div class="popup-body">
				请仔细阅读内容
			</div>
			<a href="javascript:;" class="close" onclick="$.closePopupLayer('myStaticPopup')" title="关闭窗口" >阅读完毕，关闭窗口</a></div>
	</div>
	<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="js/jquery.jmpopups-0.5.1.js"></script>
	<script type="text/javascript">
			$.setupJMPopups({
				screenLockerBackground: "#cccccc"
			});
			function openStaticPopup() {
				$.openPopupLayer({
					name: "myStaticPopup",
					width: 600,
					target: "myHiddenDiv"
				});
			}
	</script>

</body>
</html>
